<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<!-- 引入外部静态资源文件 -->
<%@ include file="/appinc.jsp" %>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
	body{
		margin:0px;
		height:100%;
		width:100%;
	}
	.north{
		heigth:100px;
		
	}
	.north>div{
		float:left;
		height:100px;
		width:33%;
		line-height: 50px;
		
	}
	.m-title{
		font-size:20px;
	}
	.m-user>div{
		float:left;
		margin-left:10px;
	}
</style>
</head>
  <body>
 
  <div class="easyui-layout" style="width:100%;height:600px">
  		<div region="center" title="详细列表"  style="">
  				 	<table class="easyui-datagrid" style="height:300px">   
					    <thead>   
					        <tr>   
					            <th width="100px" data-options="field:'name'">编码</th>   
					            <th data-options="field:'price'">名称</th>   
					            <th data-options="field:'num'">价格</th>   
					        </tr>   
					    </thead>   
					    <tbody>   
					    <c:forEach items="${list}" var="s">
					        <tr width="100px">   
					            <td style="width:100px">${s.name }</td>
					            <td style="width:100px">${ s.price}</td>
					            <td style="width:100px">${s.num }</td>   
					        </tr>   
					      </c:forEach>
					    </tbody>   
					</table>
					<a href="${pageContext.request.contextPath}/loginController/login3.do?pageNum=${pageInfo.prePage}">上一页</a>
					<a href="${pageContext.request.contextPath}/loginController/login3.do?pageNum=${pageInfo.nextPage}">下一页</a>
					第${pageInfo.pageNum }页/共${pageInfo.pages}页
  		</div>
  		<div region="north" title="north"  style="height:100px" class="north">
  			<div></div>
  			<div class="m-title">菜菜的项目标题</div>
  			<div class="m-user">
  				<div>用户名:${username}</div>
  				<div>注销</div>
  			</div>
  		</div>
  		<div region="south" title="south"  style="height:100px">
  			<div class="easyui-tabs">
  				<div title="title1"></div>
  				<div title="title2"></div>
  				<div title="title3"></div>
  			</div>
  	
  		</div>
  		<div region="east" title="备注信息" style="width:200px;height:100px">
  			<form enctype="multipart/form-data" method="post" action="${pageContext.request.contextPath }/loginController/upload.do">
  				选择文件:<input type="file" name="file"/>
				<input type="submit" value="上传"/> 			
  			</form>
  			<form action="${pageContext.request.contextPath }/loginController/download.do">
  				<input type="submit" value="下载"/>
  			</form>
  			<form method="POST" enctype="multipart/form-data" action="${pageContext.request.contextPath}/loginController/upload.do">
  			ajax上传文件:<input type="file" nam="file"/>
								<button id="ajax_but">ajax上传</button>
			</form>
  		</div>
  		<div region="west" title="导航" style="width:200px;height:100px">
  			<div class="easyui-accordion" style="width:200px;height:200px;">
  				<div title="1"></div>
  				<div title="2"></div>
  				<div title="3"></div>
  			</div>
  		
  		</div>
  	</div>
  <hr>
  <br>
  <input type="buuton" value="按钮" id="but1"/>
  	<div class="easyui-accordion" style="width:100px;height:400px">
  		<div title="1">1</div>
  		<div title="2">2</div>
  		<div title="4">3</div>
  	</div>
  	<hr/>
  	<div class="easyui-panel" title="panel" style="width:100px;height:100px"></div>
  	<hr/>
  	<div class="easyui-tabs" style="width:300px;height:300px;">
  		<div id="1" title="tab1"></div>
  		<div id="2" title="tab1"></div>
  		<div id="3" title="tab1"></div>
  	</div>
  	<hr/>
  </body>
  </html>
  <script>
  	$("#ajax_but").click(function(){
  		$.ajax({
  			url:"${pageContext.request.contextPath}/loginController/upload.do",
  			type:"POST",
  			contentType:"multipart/form-data",
  			success:function(data){
  				alert("上传成功"+data)
  			},
  			error:function(){
  				alert("上传失败")
  			}
  		})
  	})
  
  </script>